.field-group-htabs-wrapper {
    padding:10px;
}

.horizontal-tabs-panes {
    padding: 10px 5px;
}

.campl-contact-card {
  margin: 80px auto;
  border: 1px solid black;
  padding: 20px;
  max-width: 60%;
  text-align: center;
}

div.horizontal-tabs {
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	/*margin:0 5px;*/
}

.horizontal-tabs ul.horizontal-tabs-list {
    border-right: 0px solid #dedede;
}

.horizontal-tabs ul.horizontal-tabs-list li, .horizontal-tabs ul.horizontal-tabs-list li:hover {
    -moz-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0; 
    margin: 5px 0 0 5px;
    padding:0px;
    background:transparent;
}
.horizontal-tabs ul.horizontal-tabs-list li.selected{
    padding:0px;
}
.horizontal-tabs ul.horizontal-tabs-list li, .horizontal-tabs ul.horizontal-tabs-list li:hover, .horizontal-tabs ul.horizontal-tabs-list li.selected:hover{
    border: #ccc solid 1px;
    border-width: 1px 1px 0;
}
.horizontal-tabs ul.horizontal-tabs-list li:hover {
    border-color: #0072cf;
}

.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a  {
    padding:10px;
    -moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-align:center;
}
.horizontal-tabs ul.horizontal-tabs-list li a {
    background-color:#cbcbcb;
    color:#555555;
}
.horizontal-tabs ul.horizontal-tabs-list li a:hover{
    background-color:#cce9ff;
    color:#0072cf;
}
.horizontal-tabs ul.horizontal-tabs-list li.selected a, .horizontal-tabs ul.horizontal-tabs-list li.selected a:hover, .horizontal-tabs ul.horizontal-tabs-list li.selected:hover{
    background-color:#ffffff;
    cursor:default;
}

th.view-field a {color:#ffffff;}

.ui-widget-content a {
color:#0072cf;
}

.view-display-id-entity_view_1 h2{
    color:#000000!important;
    font-weight:bold;
    line-height: 1.3;
    font-size: 100%;
    list-style: none;
    margin-left: -20px;
    font-family: verdana, arial, sans-serif;
}

view-display-id-entity_view_2 h2{
    color:#ff0000!important;
    font-weight:bold;
    line-height: 1.3;
    font-size: 100%;
    list-style: none;
    margin-left: -20px;
    font-family: verdana, arial, sans-serif;
}

/* coloured sidebar */

.node-type-staff-profile .campl-secondary-content, .block-ds-extras {
    background-color: #5f5f5f; /* or 2f */
    color: #fff;
}

.node-type-staff-profile .campl-secondary-content a, .block-ds-extras a{
    color: #fff;
    text-decoration:underline;
}


div#block-ds-extras-sd-staff-photo, div#block-ds-extras-sd-contact{
background-color: #005dab;
color: #fff;
}



.cst-job-titles {
    background-color: #005dab;
}
.cst-job-titles ul {
    list-style: none;
    margin: 0px;
}

.cst-job-titles ul li {
    font-size: 19px;
    line-height: 25px;
    font-family: "myriad-pro-n6","myriad-pro",myriad,verdana,arial,sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
}

.cst-emphasis{
    font-weight:bold;
}


/* no margin/border around photo */
.field-name-field-sd-staff-photo{
    margin:-20px;
}

/* fix list margin on theme list (BOTH required) */
.view-display-id-entity_view_1 div.view-content div.item-list ul, .view-display-id-entity_view_2 div.view-content div.item-list ul{
    margin:0 0 9px 15px;
}
.view-display-id-entity_view_1 div.view-content div.item-list ul li, .view-display-id-entity_view_2 div.view-content div.item-list ul li{
    margin:0px;
}

@media (max-width: 767px){
/* change margin to match standard size */
.view-display-id-entity_view_1 div.view-content div.item-list ul li, .view-display-id-entity_view_2 div.view-content div.item-list ul li{
    margin-bottom: 15px;
}

}


@media (min-width: 767px){
    div.horizontal-tabs{
        /* min-height: 454px; */
        /*margin: 0 10px;*/
    }
}
